<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="prc" value="${pageContext.request.contextPath }"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的动态</title>
<style>
* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	background: #494A5F;
	font-weight: 500;
	font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande",
		Helvetica, Arial, sans-serif, FreeSans, Arimo;
}

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
}

body {
	text-align: center;
}

html {
	font-size: 10px;
}

.main-content-cell1-right {
	height: 61.4rem;
	width: 99.2rem;
	background-color: #FFF;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	margin-top: 80px;
}

.main-content-cell1-right div {
	height: 30rem;
	width: 23.4rem;
	margin: 0 0 1.4rem 1.4rem;
	background-color: #E1ECE8;
	text-align: center;
}

.main-content-cell1-right div img {
	height: 16rem;
	width: 16rem;
	margin: 3rem 3.7rem 3rem 3.7rem;
}

.main-content-cell1-right div span:nth-of-type(1) {
	font-size: 1.4rem;
	color: #333;
}

.main-content-cell1-right div span:nth-of-type(2) {
	font-size: 1.2rem;
	color: #b0b0b0;
	color: red;
}

.main-content-cell1-right div span:nth-of-type(3) {
	font-size: 1.2rem;
	color: #ff6700;
}

#paging {
	margin: 0 auto;
	width: 50%;
	height: 100px;
	/*border: 1px solid red;*/
	text-align: center;
}

ul.pagination li {
	list-style-type: none;
	display: inline;
}

ul.pagination li a {
	text-decoration: none;
	color: black;
	padding: 8px 10px; /*10px左右内边距， 8px上下内边距*/
	border: 1px solid darkgray;
	border-radius: 20px;
}

ul.pagination li a.active {
	background: green;
	color: white;
}

/*如果类名不为active并且鼠标经过才显示的样式*/
ul
.pagination
 
li
 
a
:hover
:not
 
(
.active
 
)
{
background
:
 
darkseagreen
;

	
border
:
 
1
px
 
solid
 
green
;

	
font-size
:
 
19
px
;


}
</style>
</head>
<body>
	<%@include file="header.jsp"%>

	<div class="main-content-cell1-right">
		<c:forEach var="s" items="${findUserAllStrategy.list }">
			<a href="strategyinfo?id=${s.id }">
				<div>
					<c:forEach var="listimg" begin="0" end="1" step="3"
						items="${s.listimg }">
						<img src="${prc }/img/${listimg.img}" class="img-rounded">
					</c:forEach>
					<span>${s.themes }</span><br> <span>${s.address }景区</span><br>
					<span><a href="toupdatestrategy?id=${s.id }">修改</a>/<a
						href="deletestrategy?id=${s.id }">删除</a></span>
				</div>
			</a>
		</c:forEach>
	</div>
	<div  style="width: 100%; height: 100px;">
		<a href="addstrategy.jsp" >
		<img alt="" src="img/add.jpg" style="width: 100px; height: 100px;">	
	</div>
	<c:if test="${findUserAllStrategy!=null }">
		<div id="paging">
			<ul class="pagination">
				<c:if test="${findUserAllStrategy.pageNum>=2}">
					<li><a
						href="finduserstrategy?pageNum=1&&pageSize=${findUserAllStrategy.pageSize }">首页</a></li>
					<li><a
						href="finduserstrategy?pageNum=${findUserAllStrategy.prePageNum}&&pageSize=${findUserAllStrategy.pageSize }">上一页</a></li>
					<li><a>...</a></li>
					<li><a
						href="finduserstrategy?pageNum=${findUserAllStrategy.prePageNum}&&pageSize=${findUserAllStrategy.pageSize }">${findUserAllStrategy.prePageNum}</a></li>
				</c:if>
				<li><a class="active">${findUserAllStrategy.pageNum}</a></li>
				<c:if
					test="${findUserAllStrategy.pageNum<findUserAllStrategy.totalPageNum}">
					<li><a
						href="finduserstrategy?pageNum=${findUserAllStrategy.nextPageNum}&&pageSize=${findUserAllStrategy.pageSize }">${findUserAllStrategy.nextPageNum}</a></li>
					<li><a>...</a></li>
					<li><a
						href="finduserstrategy?pageNum=${findUserAllStrategy.nextPageNum}&&pageSize=${findUserAllStrategy.pageSize }">下一页</a></li>
					<li><a
						href="finduserstrategy?pageNum=${findUserAllStrategy.totalPageNum}&&pageSize=${findUserAllStrategy.pageSize }">尾页</a></li>
				</c:if>
			</ul>


		</div>
	</c:if>
</body>
</html>